<script setup lang="ts">
</script>

<template>
  <div id="main">
    <router-view v-slot="{Component}">
      <transition name="el-fade-in" >
        <component :key="$route.name" :is="Component"></component>
      </transition>
    </router-view>
  </div>
</template>

<style scoped>
#main{
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
</style>
